iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 4
0
自我挑戰組

JS 作品實戰應用 - Vue 電商網站系列 第 4

04. 物件的參考特性

  • 分享至 

  • xImage
  •  

範例一 傳值方式

var person = '小明';
var person2 = person;
person2 = '花道';
console.log(person,person2);
// 輸出結果 小明 花道
// 因為都是直接傳值過去,重新賦值

範例二 傳參考方式

var person = {
    name : '小明'
};
var person2 = person;
person2.name = '花道';
console.log(person,person2);
// 輸出結果 花道 花道
// 因為物件有傳參考特性,最後結果是一樣
console.log(person === person2); // true

傳值 call by value

Boolean、Null、Undefined、Number、String...

傳完值後就沒有關連性,重新賦值就會以最新覆蓋過去。
https://ithelp.ithome.com.tw/upload/images/20200919/20121004mUSX4NYEus.jpg

傳參考 call by reference

物件 ( 陣列、函式)

傳參考是利用記憶體位置記住一組陣列/函式。
https://ithelp.ithome.com.tw/upload/images/20200919/201210046hG0ELkHEw.jpg

指定同一組會導向同一組的記憶體位置。
https://ithelp.ithome.com.tw/upload/images/20200919/20121004QY7WFhZUAL.jpg

在同一組的記憶體位置,裡面內容更動,讓統一讓指向同一位置,都會得到一樣結果。
https://ithelp.ithome.com.tw/upload/images/20200919/20121004sXzfV1Jm2e.jpg

重新指向新創物件,指向的記憶體位置就不一樣了。
https://ithelp.ithome.com.tw/upload/images/20200919/20121004ZbzPPi61tP.jpg


上一篇
03. 物件-結構/取值新增刪除
下一篇
05. 函式
系列文
JS 作品實戰應用 - Vue 電商網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言